@import '../theme.less';

@keyframes fnx-rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.fnx-fade {
	&-enter {
		opacity: 0;
	}

	&-enter-active {
		opacity: 1;
		transition: opacity var(--fnx-animation-duration-base)
			var(--fnx-animation-timing-function-enter);
	}

	&-exit {
		opacity: 1;
	}

	&-exit-active {
		opacity: 0;
		transition: opacity var(--fnx-animation-duration-base)
			var(--fnx-animation-timing-function-exit);
	}
}
